<template>
  <div class="tool">
      <div class="main">
          <div class="main-one">
              <div class="main-one_left">推荐工具</div>
              <div class="main-one_right">更多></div>
          </div>
          <div class="main-two">
              <div>1</div>
              <div>2</div>
              <div>3</div>
              <div>4</div>
              <div>5</div>
              <div>6</div>
              <div>7</div>
              <div>8</div>
              <div>9</div>
              <div>10</div>
              <div>11</div>
              <div>12</div>
          </div>
      </div>
  </div>
</template>
<script>
export default {
  name: 'Tool',
  data () {
    return {}
  }
}
</script>
<style scoped lang="stylus">
    .tool
        height: 4.0933rem
        background: white
        margin-top: .16rem
        padding:  .1333rem .2rem
        .main
            height: 100%
            .main-one
                margin-top: .1867rem
                display: flex
                justify-content:space-between
                align-items:center
                .main-one_left
                    font-size: .2133rem
                .main-one_right
                    font-size: .1867rem
                    color: #999898
            .main-two
                margin-top: .4rem
                margin-left: .4rem
                margin-right: .4rem
                display: flex
                flex-wrap: wrap
                background: red
                div
                    width: 25%
                    height: 1.0747rem
</style>
